/*xdeas 全局样式表*/
// 隐藏滚动条 但可以滚动
.hiddenScroll::-webkit-scrollbar {
  display: none;
}
.scroll-y{
  overflow-y:scroll;
}
.container{
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.router-container{
  position: absolute;
  left:16px;
  right:16px;
  top:16px;
  bottom:16px;
  background: #ffffff;
}
.flex{
  display: flex;
}
.flex-1{
  display: flex;
  flex:1;
}
.flex-2{
  flex:2;
}
.flex-c{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-jc{
  display: flex;
  justify-content: center;
}
.flex-ac{
  display: flex;
  align-items: center;
}
.flex-as{
  display: flex; 
  align-items: flex-start;
}
.flex-ae{
  align-items: flex-end;
}

.flex-col{
  display: flex;
  flex-direction: column;
}
.flex-jsb{
  display: flex;
  justify-content: space-between;
}
.flex-jse{
  justify-content: flex-end;
}
.flex-jss{
  justify-content: flex-start;
}
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}

.base-box-shadow{
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
// 变小手
.pinter{
  cursor:pointer
}
// 变禁止图标
.cursor-not-allowed{
  cursor: not-allowed;
}

.f-l{
  float: left;
}
.f-r{
  float: right;
}
.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;

}
.hiddenClass{
  overflow: hidden;
}
.inline-block{
  display: inline-block;
}

.c-FF7011{
  color:#FF7011;
}
.c-606266{
  color:#606266;
}
.c-303133{
  color:#303133;
}
.c-333333{
  color:#333333;
}
.c-ffffff{
  color:#ffffff;
}
.c-F65F54{
  color:#F65F54;
}
.c-1A1A1C{
  color:#1A1A1C;
}
.c-909399{
  color:#909399;
}
.c-C0C4CC{
  color:#C0C4CC;
}
.c-191919{
  color:#191919
}
.c-red{
  color:red;
}
.c-A6A6A6{
  color:#A6A6A6;
}
.c-7f7f7f{
  color:#7F7F7F;
}
.c-65B168{
  color:#65B168;
}
.c-4F91FF{
  color:#4F91FF
}
.br-4{
  border-radius: 4px;
}
.br-50{
  border-radius: 50%;
}
.c-2979FF{
  color:#2979FF;
}
.c-F65F54{
  color:#F65F54
}
.c-BFBFBF{
  color:#bfbfbf
}
.c-000000{
  color:#000000;
}

.bg-C0C4CC{
  background:#C0C4CC;
}
.bg-F0F2F5{
  background:#F0F2F5;
}
.bg-E5AE40{
  background:#E5AE40;
}
.bg-DDDFE6{
  background: #DDDFE6;
}
.bg-FAFAFA{
  background: #FAFAFA;
}
.bg-fff{
  background: #FFFFFF;
}
.bg-D8E6FF{
  background: #D8E6FF;
}
.bg-F6F8F9{ // 这个背景色就是浏览器默认的灰色
  background:#f6f8f9
}

.radius-4{
  border-radius: 4px;
}
.zIndex-2{
  z-index: 2;
}

.w100p{width: 100%}
.wh100{
  width: 100%;
  height: 100%;
}
.wh24,.wh-24{
  width: 24px;
  height: 24px;
}
// 行高
.lh-20{line-height: 20px;}
.ptb-16{
  padding-top: 16px;
  padding-bottom: 16px;
}
.plr-24{
  padding-left: 24px;
  padding-right: 24px;
}
.ptb-18{
  padding-top: 18px;
  padding-bottom: 18px;
}
.plr-16{
  padding-left: 16px;
  padding-right: 16px;
}
.plr-10{
  padding-left: 10px;
  padding-right: 10px;
}
.pd-12{padding:12px;}.pd-10{padding:10px;}.pd-15{padding:15px;}.pd-16{padding:16px;}.pd-5{padding:5px;}.pd-20{padding:20px;}.pd-32{padding:32px;}
.pl-6{padding-left: 6px;}.pl-5{padding-left: 5px;}.pl-10{padding-left: 10px;}.pl-15{padding-left: 15px;}.pl-16{padding-left: 16px;}.pl-20{padding-left: 20px;}.pl-44{padding-left: 44px}.pl-32{padding-left: 32px;}.pl-52{padding-left: 52px}.pl-12{padding-left: 12px;}
.pr-15{padding-right: 15px;}.pr-5{padding-right: 5px;}.pr-9{padding-right:9px;}.pr-10{padding-right: 10px;}.pr-20{padding-right: 20px;}.pr-12{padding-right: 12px;}
.pt-12{padding-top: 12px;}.pt-15{padding-top: 15px;}.pt-5{padding-top: 5px;}.pt-24{padding-top: 24px;}
.pb-20{padding-bottom:20px;}.pb-24{padding-bottom:24px;}.pb-15{padding-bottom:15px;}.pb-32{padding-bottom: 32px;}.pb-40{padding-bottom: 40px;}
.ml-5{margin-left: 5px;}.ml-15{margin-left: 15px;}.ml-20{margin-left: 20px}.ml-30{margin-left: 30px;}.ml-8{margin-left: 8px;}.ml-16{margin-left: 16px;}.ml-18{margin-left: 18px;}.ml-32{margin-left: 32px}.ml-12{margin-left: 12px}.ml-24{margin-left: 24px}
.mr-9{margin-right: 9px;}.mr-5{margin-right: 5px;}.mr-4{margin-right: 4px;}.mr-40{margin-right: 40px;}.mr-8{margin-right: 8px;}.mr-15{margin-right: 15px;}.mr-10{margin-right: 10px;}.mr-20{margin-right: 20px;}.mr-12{margin-right: 12px;}.mr-24{margin-right: 24px;}.mr-18{margin-right: 18px;}.mr-16{margin-right: 16px;}.mr-24{margin-right: 24px;}
.mt-6{margin-top: 6px;}.mt-20{margin-top: 20px;}.mt-25{margin-top: 25px;}.mt-15{margin-top: 15px;}.mt-10{margin-top: 10px;}.mt-12{margin-top: 12px;}.mt-5{margin-top: 5px;}.mt-7{margin-top: 7px;}.mt-32{margin-top: 32px;}.mt-8{margin-top: 8px;}.mt-16{margin-top: 16px;}.mt-4{margin-top: 4px;}.mt-24{margin-top: 24px;}
.mb-9{margin-bottom: 9px;}.mb-15{margin-bottom: 15px;}.mb-12{margin-bottom: 12px;}.mb-10{margin-bottom: 10px}.mb-32{margin-bottom: 32px;}.mb-8{margin-bottom: 8px}.mb-4{margin-bottom: 4px}.mb-3{margin-bottom: 3px}.mb-24{margin-bottom: 24px}.mb-20{margin-bottom: 20px}
.pt-15{padding-top: 15px;}.pt-5{padding-top: 5px;}.pt-16{padding-top: 16px;}
.pb-20{padding-bottom:20px;}.pb-15{padding-bottom:15px;}.pb-32{padding-bottom: 32px;}.pb-40{padding-bottom: 40px;}
.ml-5{margin-left: 5px;}.ml-15{margin-left: 15px;}.ml-20{margin-left: 20px}.ml-30{margin-left: 30px;}.ml-8{margin-left: 8px;}.ml-16{margin-left: 16px;}.ml-18{margin-left: 18px;}.ml-32{margin-left: 32px}.ml-12{margin-left: 12px}
.mr-5{margin-right: 5px;}.mr-15{margin-right: 15px;}.mr-10{margin-right: 10px;}.mr-12{margin-right: 12px;}.mr-24{margin-right: 24px;}.mr-18{margin-right: 18px;}.mr-16{margin-right: 16px;}.mr-8{margin-right: 8px;}
.mt-20{margin-top: 20px;}.mt-15{margin-top: 15px;}.mt-10{margin-top: 10px;}.mt-5{margin-top: 5px;}.mt-7{margin-top: 7px;}.mt-32{margin-top: 32px;}.mt-8{margin-top: 8px;}.mt-16{margin-top: 16px;}.mt-4{margin-top: 4px;}.mt-24{margin-top: 24px;}.mt-12{margin-top: 12px;}.mt-18{margin-top: 18px;}
.mb-16{margin-bottom: 16px;}.mb-10{margin-bottom: 10px}.mb-32{margin-bottom: 32px;}.mb-8{margin-bottom: 8px}.mb-4{margin-bottom: 4px}.mb-24{margin-bottom: 24px}.mb-20{margin-bottom: 20px}.mb-5{margin-bottom: 5px;}
.fs-14{font-size: 14px}.fs-16{font-size: 16px;}.fs-22{font-size: 22px;}.fs-12{font-size: 12px;}.fs-20{font-size: 20px;}.fs-24{font-size: 24px;}
.fs-32{font-size: 32px;}.fs-18{font-size: 18px;}
.fw-b{font-weight: bold}.fw-500{font-weight: 500}.fw-400{font-weight:400}.fw-600{font-weight: 600}
.text-r{text-align: right}.text-c{text-align: center}
.word-wrap{word-wrap: break-word;word-break: break-all;}
.wh64{
  width: 64px;
  height: 64px;
}

.pointer{
  cursor: pointer;
}
.border-r-DDDFE6{
  border-right:1px solid #DDDFE6;
}
.border-r-E4E7ED{
  border-right: 1px solid #E4E7ED;
}
.border-l-DDDFE6{
  border-left:1px solid #DDDFE6;
}
.border-t-DDDFE6{
  border-top:1px solid #DDDFE6;
}
.border-b-DDDFE6{
  border-bottom:1px solid #DDDFE6;
}
.border-b-E2E4EA{
  border-bottom:1px solid #E2E4EA;
}

.base-shadow{
  box-shadow: 0px 2px 6px 0px #EFECE9;
}
.relative{
  position: relative;
}

.xdeas-link{
  font-weight: 400;
  color: #606266;
  font-size: 14px;
  cursor: pointer;
}
.xdeas-link:hover{
  color: #FF7011;
}
.drag-table-item{
  //width: 470px;
  //height: 1px;
  //background: red;
  //border-top:1px solid rgba(255, 112, 17, 0.5) !important;
  //border-top:1px solid red !important;
  //background: rgba(255, 112, 17, 0.5);
  box-shadow: 0px 0px 2px 0px rgba(255, 112, 17, 1);
}
.ant-collapse-item{
  border-bottom: none !important;
}
.ant-collapse-borderless{
  background: none !important;
}
.ant-collapse-item .ant-collapse-arrow{
  color:#FF7011 !important;
}
.ant-collapse-header{
  padding-bottom:5px !important;
  //padding-bottom:0px !important;
  //padding: 0 40px 0 12px !important;

}
.ant-collapse-content-box{
  padding-top: 0px !important;
}
.w50p{
  width: 50%;
}
.w49p{
  width:49%;
}
.h100p{
  height: 100%;
}
.overflow-auto{
  overflow: auto;
}
// 禁用权限
.permission-disabled{
  color: rgba(0, 0, 0, 0.25) !important;
  background-color: #f5f5f5 !important;
  cursor:not-allowed !important;
}
// 这是不带背景色的
.permission-color{
  color: rgba(0, 0, 0, 0.25) !important;
  cursor:not-allowed !important;
}
// 基础的表格
.basic-table-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 52px;

  .basic-table-content{
    position: absolute;
    left:0;
    right:0;
    bottom:65px;
    top:0;
    border-bottom: 1px solid #E4E7ED;
    //overflow: auto;
  }
  .basic-table-pagination{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    bottom:0;
    height:58px;
    left:0;
    right:0;
  }
}

// 操作界面中的显示区域,滚动条滚动的地方
.basic-operation-box{
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  top:55px;
  overflow: auto;
}


.table-content-empty {
  height: 50px;
  width: 100%;
  text-align: center;
  line-height: 50px;
  font-weight: 400;
  color: #C0C4CC;
  font-size: 14px;
  border: 1px solid #E2E4EA;
  border-top: none;
}
// 内容展示的第二种的布局,参考智能表格
.full-top-box{
  height: 52px;
  background: #FFFFFF;
  padding:10px 16px;
  border-bottom:1px solid #E4E7ED;
}


.ant-select-disabled,.ant-input-disabled{
  color:#303133 !important;
}

.table-action-item{
  padding-right:12px;
  border-right:1px solid #E4E7ED;
}

.parent-ellipsis {
  //width:30px;
  //width:38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-item{
  color:#606266;
  background: #DDDFE6;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  padding: 4px 2px;
  width: 60px;
}
.xdeas-link-btn{
  font-weight: 400;
  color: #1890ff;
  cursor: pointer;
  text-decoration:underline;
}


//::-webkit-scrollbar {
//  width: 10px;
//  height: 10px;
//  border:none;
//}
///* 滚动条的滑块 */
//::-webkit-scrollbar-thumb {
//  background-color: rgba(192,196,204,0.6);
//  border-radius: 5px;
//}



//滚动条全局样式：
  // 滚动条设置
::-webkit-scrollbar {
  width: 10px;//y轴上的滚动条宽度
  height: 10px;//x轴上滚动条高度
}
::-webkit-scrollbar-track {
  border-radius: 5px;; /*滚动条的背景区域的圆角*/
  //background-color: rgba(192,196,204,0.6); /*滚动条背景区域的背景颜色*/
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;; /*滚动条的圆角*/
  background-color: rgba(192,196,204,0.6); /*滚动条的背景颜色*/
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(192,196,204,0.8)
}

::-webkit-scrollbar-thumb:active {
  background-color: rgba(192,196,204,0.8);
  cursor: pointer;
}

.ant-table-body table{
  display: table !important;
}



